﻿<div class="modal">
    <div class="modal-header">
        <button type="button" class="close" data-bind="click: close" data-dismiss="modal" aria-hidden="true">
            &times;</button>
        <h3>Select Customer</h3>
    </div>
    <div class="modal-body">
        <div class="control-group">
            <label class="control-label" for="inputCustomer">
                Customer</label>

            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#" style="width: 150px">Select Customer..
                        <span class="caret"></span>
            </a>
            <ul class="dropdown-menu" id="inputCustomer" data-bind="foreach: customers()">
                <li style="cursor: pointer">
                    <a data-bind="click: $parent.selectCustomer" style="height: 45px">
                        <div class="media">
                            <img data-bind="attr:{src: ImageUrl }" alt="" style="width: 30px" class="pull-left img-polaroid" />
                            <div class="media-body">
                                <span data-bind="text: FullName"></span>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
